<template>
    <el-input
            placeholder
            v-model="inputSearch"
            class="input-with-select input-search"
            style="margin-left: 10px; width: 450px; height: 47px; top: 9px;"
            speech
            x-webkit-speech
            size="large"
    >


        <el-select
                v-model="selectsearch"
                slot="prepend"
                placeholder="请选择"
        >
            <el-option v-for="(item,index) in list" :key="index" :label="item" :value="index"></el-option>

        </el-select>


        <i slot="prefix" class="iconfont iconfont2 iconpaizhao1"></i>
        <el-button slot="append" icon="el-icon-search" style="height: 47px"
        >查询
        </el-button
        >
    </el-input>
</template>

<script>
  module.exports = {
    name: 'input-search',
    data () {
      return {
        inputSearch: '',
        selectsearch: '请选择',
      }
    },
    props: [
      'list'
    ]
  }
</script>

<style>

    .iconfont2 {
        font-size: 35px !important;
        font-weight: 200 !important;
    }

    .input-with-select.input-search .el-input__inner {
        position: relative !important;

        height: 47px;
        /* padding-left: 15px; */
    }

    .el-input__prefix {
        margin-left: 20px !important;
    }
</style>
